<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="./js/angular.min.js"></script>
</head>
<body>
<!-- <ul data-ng-app="" data-ng-init="color=['red','orange','yellow','green']">
	<li data-ng-repeat="color in color">{{color}}</li>
</ul> -->
<div ng-app="myApp" ng-controller="myAppControl">
	<h2 ng-module="title">{{title}}</h2>
	<h3 ng-repeat="x in color">{{$index}}{{x}}</h3>
	<button ng-click="changeBut()">按钮</button>
</div>
<script type="text/javascript">
angular.module("myApp",[]).controller("myAppControl",function($scope){
	$scope.color = ['red','orange','yellow','blue'];
	$scope.title = "我是一个标题";
	$scope.changeBut = function(){
		var oTitle = $scope.title;
		console.log(oTitle);
	};
});
</script>
</body>
</html>